<template>
    <div class="errPage-container">
        <el-button @click="back" icon='arrow-left' class="pan-back-btn">返回</el-button>
        <el-row>
            <el-col :span="12">
                <h1 class="text-jumbo">你没有权限去该页面!</h1>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
        back() {
            //   if (this.$route.query.noGoBack) {
            //     this.$router.push({ path: '/dashboard' });
            //   } else {
            this.$router.go(-2);
            // }
        }
    }
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.errPage-container {
    width: 800px;
    margin: 100px auto;
    .pan-back-btn {
        background: #008489;
        color: #fff;
    }
    .pan-gif {
        margin: 0 auto;
        display: block;
    }
    .pan-img {
        display: block;
        margin: 0 auto;
    }
    .text-jumbo {
        margin-top: 50px;
        font-size: 30px;
        font-weight: 500;
        color: #484848;
    }
    .list-unstyled {
        font-size: 14px;
        li {
            padding-bottom: 5px;
        }
        a {
            color: #008489;
            text-decoration: none;
            &:hover {
                text-decoration: underline;
            }
        }
    }
}
</style>
